<template>
	<view class="content areaPage">
		<top path="area" />
		<banner title="Application Area" name="应用领域" />
		<view class="area">
			<view class="item" :class="index%2?'fall':''" v-for="(item, index) in areaList" :key="index">
				<image mode="widthFix" :src="baseUrl+item.image"></image>
				<view class="cont">
					<view class="title">
						{{ item.title }}
					</view>
					<view class="name">
						{{ item.name }}
					</view>
					<view class="desc">
						{{ item.desc }}
					</view>
				</view>
			</view>
		</view>
		<bottom/>
	</view>
</template>

<script>
	import mixins from '../mixins';
	import top from '@/components/top/index.vue'
	import bottom from '@/components/bottom/index.vue'
	import banner from '@/components/banner/index.vue'
	export default {
		mixins: mixins,
		components: {
			top,
			bottom,
			banner
		}
	}
</script>

<style lang="scss" scoped src="../style.scss"></style>